.navigation-wrap {
    height: 80px;
    width: 100%;
    background-color: white;
    border-top:solid 1px #f2f3f8;
}
.navigation-wrap-index {
    display:inline-block;
    width:49%;
    height:100%;
    margin:0;
    padding:0;    
    text-align: center;
}
.navigation-wrap-mime {
    display:inline-block;
    width:49%;
    height:100%;
    margin:0;
    padding:0;   
    text-align: center;
}

.navigation-wrap-icon {
    width:36px;
    height:36px;
    background: rgba(53,76,120,1);   
    margin:0 auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right:auto;
    transition: all ease .2s;
}
.navigation-wrap-text {
    margin-top:4px;
    font-weight: 300;
    font-size:14px;
    transition: all ease .2s;
}
.navigation-wrap-icon{
    width:36px;
    height:36px;    
    margin:0 auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right:auto;
    transition: all ease .2s;    
    background: url('./../images/shouye.png') no-repeat ;
    background-size:100%;
}
.navigation-wrap-icon-mime{
    width:36px;
    height:36px;    
    margin:0 auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right:auto;
    transition: all ease .2s;    
    background: url('./../images/wod.png') no-repeat ;
    background-size:100%;
}
.navigation-active .navigation-wrap-icon-mime{
    width:36px;
    height:36px;    
    margin:0 auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right:auto;
    transition: all ease .2s;
    background: url('./../images/wodexuanze.png') no-repeat ;
    background-size:100%;
}
.navigation-active .navigation-wrap-icon{
    width:36px;
    height:36px;    
    margin:0 auto;
    margin-top: 10px;
    margin-left: auto;
    margin-right:auto;
    transition: all ease .2s;
    background: url('./../images/shouyexuanze.png') no-repeat ;
    background-size:100%;
}
.navigation-active div{
    color:#80D8FE;
    transition: all ease .2s;
}